<template>
  <!-- 查产品的按钮组件 -->
  <div class="btn">
    <!-- 产品列表 -->
    <van-button
      plain
      hairline
      color="#aaaaaa"
      size="large"
      @click="fn"
      :to="path"
      replace
      >更多相关{{ tit }}<van-icon name="arrow"
    /></van-button>
  </div>
</template>
<script>
import { Button, Icon } from "vant";
export default {
  props: ["tit", "path"],
  components: {
    VanButton: Button,
    VanIcon: Icon,
  },
  methods: {
    fn() {
      console.log(1);
    },
  },
};
</script>
<style lang="less" scoped>
@import "../../../../assets/css/var.less";
.btn {
  padding: 0 16px;
  margin-bottom: @xxs-font;
  .van-button--large {
    height: 37px;
    font-size: 13px;
  }
  i {
    transform: translateY(2px);
  }
}
</style>
